<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:body>

        <ui:composition template="./../plantillas/plantillaBase.xhtml">

            <ui:define name="titulo">
                Crear Matriz
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript" src="../resources/js/validaciones/validacion.js"></script>
                <script type="text/javascript" src="../resources/js/validaciones/validacion.js"></script>
            </ui:define>
            <ui:define name="contenido">
                <h:form id="form" prependId="false">
                    <p:growl showDetail="true" id="mess"/>
                    <p:tooltip global="true"/>
                    <p:fieldset legend="Crear Matríz de Recorridos" id="creaM">
                        <h:panelGrid columns="4" cellspacing="8">
                            <h:outputLabel value="Fecha de salida: *" for="fecha"/>
                            <p:inputMask id="fecha" value="#{managerCrearMatrizRecorridos.fechaSalida}" required="true" requiredMessage=" *Campo Requerido:Fecha de salida " mask="9999/99/99" title="yyyy/mm/dd"/>
                            <h:outputLabel value="Hora de salida: *" for="horaSalida"/>
                            <p:inputMask mask="99:99am" id="horaSalida" value="#{managerCrearMatrizRecorridos.horasalida}" required="true" requiredMessage=" *Campo Requerido:Hora de salida " maxlength="5" title="12:00am" />
                            <h:outputLabel value="Destinos: *" for="destinos"/>
                            <h:inputText id="destinos"  value="#{managerCrearMatrizRecorridos.destinos}" required="true" requiredMessage=" *Campo Requerido:Destinos "  validatorMessage="Destinos:Ingrese solo letras" title="Separados por comas" onblur="initialCap(this);">
                                <f:validator validatorId="checkvalideLetras2" for="destinos"/>
                            </h:inputText>
                            <h:outputLabel value="Técnicos: *" for="tecnicos"/>
                            <h:inputText id="tecnicos" value="#{managerCrearMatrizRecorridos.tecnicos}" required="true" requiredMessage=" *Campo Requerido: Técnicos" validatorMessage="Técnicos: Ingrese solo letras" title="Separados por comas" onblur="initialCap(this);">
                                <f:validator validatorId="checkvalideLetras2" for="tecnicos"/>
                            </h:inputText>
                            <h:outputLabel value="Hora de regreso: *" for="horaregre"/>
                            <p:inputMask mask="99:99am" id="horaregre"  value="#{managerCrearMatrizRecorridos.horaregreso}"  required="true" requiredMessage=" *Campo Requerido:Hora regreso " maxlength="5" title="12:00am"  />
                            <h:outputLabel value="Detalle Misión: *" for="mision"/>
                            <h:inputText id="mision"  value="#{managerCrearMatrizRecorridos.mision}"  required="true" requiredMessage=" *Campo Requerido:Misión " onblur="initialCap(this);">
                                <f:validator validatorId="checkvalideApellido" for="mision"/>
                            </h:inputText>
                            <h:outputLabel value="Motorista: *" for="motorista"/>
                            <h:inputText id="motorista"  value="#{managerCrearMatrizRecorridos.motorista}" required="true" requiredMessage=" *Campo Requerido:Motorista "  onblur="initialCap(this);">
                                <f:validator validatorId="checkvalideApellido" for="motorista"/>
                            </h:inputText>
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-plusthick" value="Agregar" update="tablitas mess creaM" action="#{managerCrearMatrizRecorridos.guardarDatos}" process="@this creaM" />
                    <br/>
                    <p:ajaxStatus style="width:16px;height:16px;">
                        <f:facet name="start">
                            <h:graphicImage value="../design/ajaxloading.gif" />
                        </f:facet>
                        <f:facet name="complete">
                            <h:outputText value="" />
                        </f:facet>
                    </p:ajaxStatus>
                    <p:outputPanel id="tablitas">
                        <p:dataTable value="#{managerCrearMatrizRecorridos.listaMatrizRecorrido}" var="item" paginator="true">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Código" />
                                </f:facet>
                                <h:outputText value="#{item.idbitacoravisita}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Fecha Salida" />
                                </f:facet>
                                <h:outputText value="#{item.fechabv}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Hora Salida" />
                                </f:facet>
                                <h:outputText value="#{item.horasalidabv}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Destinos" />
                                </f:facet>
                                <h:outputText value="#{item.destinobv}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Técnicos" />
                                </f:facet>
                                <h:outputText value="#{item.tecnicosbv}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Hora regreso" />
                                </f:facet>
                                <h:outputText value="#{item.horaregresobv}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Misión" />
                                </f:facet>
                                <h:outputText value="#{item.misionbv}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Motorista" />
                                </f:facet>
                                <h:outputText value="#{item.motoristabv}" />
                            </p:column>
                        </p:dataTable>
                    </p:outputPanel>
                    <p:commandLink id="lnk">
                        <p:graphicImage value="../resources/icons/printer-64.png" width="32px" height="32px" />
                        <p:printer target="tablitas" />
                    </p:commandLink>
                    <br/>
                    <p:fieldset legend="Eliminando Filas" id="eliminar">
                        <h:outputText value="Si desea eliminar un fila se debe ingresar el código de la fila."/>
                        <h:panelGrid columns="3" cellspacing="8">
                            <h:outputLabel for="codigo" value="Ingrese el código:" />
                            <h:inputText  id="codigo" value="#{managerCrearMatrizRecorridos.codigo}" onkeypress="return acceptNum(event);" maxlength="2" />
                            <p:commandButton image="ui-icon ui-icon-trash" value="Eliminar" action="#{managerCrearMatrizRecorridos.removerMatriz}" process="@this codigo eliminar" update="tablitas mess eliminar"/>
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-cancel" value="Cancelar" action="salida" process="@this" />
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
